<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>确认订单</title>
   <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
   <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
   <link rel="stylesheet" href="../../assets/css/cart.css">
</head>

<body>
   <div class="sn-container">
      <div class="masthead">
         <div class="layout sn-clr">
            <div class="logo">
               <img src="../../assets/img/sn-logo-mini.png" alt="logo">
            </div>
         </div>
      </div>
      <div class="make-order-main">
         <div class="layout sn-clr">
            <div id="address">
               <div class="mod-address">
                  <div class="zone-sublevel">
                     <div class="sub-header">
                        <h2 class="sub-title text-aux">收货地址：</h2>
                     </div>
                     <div class="sub-content">
                        <div class="sub-container">
                           <div class="block address-info-block sn-hide">
                              <div class="address-info">
                                 <dl class="sn-clr unit-line"><i class="iconfont icon-user"></i>
                                    <dd>陈晨</dd>
                                 </dl>
                                 <dl class="sn-clr unit-line"><i class="iconfont icon-dizhi"></i>
                                    <dd class="line-label-address">上海 上海市 金桥经济技术开发区 锦绣东路2777弄34号7楼</dd>
                                 </dl>
                                 <dl class="sn-clr unit-line"><i class="iconfont icon-youtong"></i>
                                    <dd>200231</dd>
                                 </dl>
                                 <dl class="sn-clr unit-line"><i class="iconfont icon-tel"></i>
                                    <dd class="line-label-phone">15900684377,021-64541067-801</dd>
                                 </dl>
                              </div>
                              <div class="edit-address">
                                 <a class="edit-address-info link-lesser" href="#" title="更改收货信息">更改</a>
                                 <a class="edit-temp-address link-lesser" href="#" title="使用临时地址">使用临时地址</a>
                              </div>
                           </div>
                           <div class="block address-list-block sn-hide">
                              <ul class="address-list">
                                 <li class="checked">
                                    <input class="select-radio" type="radio" id="radio1" name="addressradioid" value="463209583" checked="checked">
                                    <label class="select-label" for="radio1">陈晨 上海 上海市 浦东新区 金桥经济技术开发区 锦绣东路2777弄34号7楼</label>
                                    <div class="panel">
                                       <span class="isdefault">默认地址</span>
                                       <a class="setdefault link-lesser" href="#">设为默认收货地址</a>
                                       <a class="edit link-lesser" href="#">修改</a>
                                    </div>
                                 </li>
                                 <li class="default">
                                    <input class="select-radio" type="radio" id="radio2" name="addressradioid" value="463209583">
                                    <label class="select-label" for="radio2">陈晨 上海 上海市 浦东新区 金桥经济技术开发区 锦绣东路2777弄34号7楼</label>
                                    <div class="panel">
                                       <span class="isdefault">默认地址</span>
                                       <a class="setdefault link-lesser" href="#">设为默认收货地址</a>
                                       <a class="edit link-lesser" href="#">修改</a>
                                    </div>
                                 </li>
                                 <li class="newadd editli">
                                    <div class="li-info">
                                       <input class="select-radio" type="radio" id="radio3" name="addressradioid" value="463209583">
                                       <label for="radio3">使用新地址</label>
                                    </div>
                                    <div class="zone-editaddress sn-hide">
                                       <form id="editaddress-from" action="">
                                          <div class="edit-area">
                                             <dl class="sn-clr unit-line">
                                                <dt>收<span class="letter-2">货</span>人：</dt>
                                                <dd>
                                                   <input type="text" maxlength="25" name="username" class="input sn-input input-username">
                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>所在地区：</dt>
                                                <dd>
                                                   <div class="distpicker" id="distpicker">
                                                      <select class="sn-select" id="selProvince" name="province" required></select>
                                                      <select class="sn-select" id="selCity" name="city" required></select>
                                                      <select class="sn-select" id="selDistrict" name="district" required></select>
                                                   </div>
                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>详细地址：</dt>
                                                <dd>
                                                   <textarea name="detailAddress" class="input sn-input input-address"></textarea>

                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>邮<span class="letter-3">编</span>：</dt>
                                                <dd>
                                                   <input type="text" maxlength="10" class="input sn-input  input-post">
                                                </dd>
                                             </dl>
                                             <div class="phone-block">
                                                <dl class="sn-clr unit-line">
                                                   <dt>手<span class="letter-3">机</span>：</dt>
                                                   <dd>
                                                      <input data-msg-email="请输入正确的email地址" type="text" name="mobile" class="input sn-input input-mobile" maxlength="15">
                                                   </dd>
                                                </dl>
                                                <dl class="sn-clr unit-line">
                                                   <dt>固定电话：</dt>
                                                   <dd>
                                                      <input type="text" class="input sn-input  input-phonecode" name="phone-postcode" value="" placeholder="区号">
                                                      <span class="split">-</span>
                                                      <input type="text" class="input sn-input input-phonenumber" name="phone-number" value="" placeholder="电话号码">
                                                      <span class="split">-</span>
                                                      <input type="text" class="input sn-input  input-phonesub" name="phone-subcode" value="" placeholder="分机号">                                                      <span class="msg"></span> </dd>
                                                </dl>
                                                <div class="phone-block-tips"> <span class="msg">至少填写一个</span> </div>
                                             </div>
                                          </div>
                                       </form>
                                    </div>
                                 </li>
                              </ul>
                              <div class="op-bar op-bar-bottom">
                                 <a href="javascript:;" class="  sui-btn btn-large btn-default save" title="确认收货信息">确认收货信息</a>
                                 <a href="javascript:;" class="  sui-btn cancel" title="取消修改" style="display: inline-block;">取消</a>
                              </div>
                           </div>
                           <div class="block address-temp-block">
                              <div class="address-block">
                                 <div class="tips fd-gray">临时地址仅为本次订购使用，将不会被保存</div>
                                 <div data-knight-uid="knight_147" class="show-copy-area">
                                    <div class="zone-editaddress ">
                                       <form id="editaddress-from" action="">
                                          <div class="edit-area">
                                             <dl class="sn-clr unit-line">
                                                <dt>收<span class="letter-2">货</span>人：</dt>
                                                <dd>
                                                   <input type="text" maxlength="25" name="username" class="input sn-input input-username">
                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>所在地区：</dt>
                                                <dd>
                                                   <div class="distpicker" id="distpicker1">
                                                      <select class="sn-select" id="selProvince" name="province" required></select>
                                                      <select class="sn-select" id="selCity" name="city" required></select>
                                                      <select class="sn-select" id="selDistrict" name="district" required></select>
                                                   </div>
                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>详细地址：</dt>
                                                <dd>
                                                   <textarea name="detailAddress" class="input sn-input input-address"></textarea>

                                                </dd>
                                             </dl>
                                             <dl class="sn-clr unit-line">
                                                <dt>邮<span class="letter-3">编</span>：</dt>
                                                <dd>
                                                   <input type="text" maxlength="10" class="input sn-input  input-post">
                                                </dd>
                                             </dl>
                                             <div class="phone-block">
                                                <dl class="sn-clr unit-line">
                                                   <dt>手<span class="letter-3">机</span>：</dt>
                                                   <dd>
                                                      <input data-msg-email="请输入正确的email地址" type="text" name="mobile" class="input sn-input input-mobile" maxlength="15">
                                                   </dd>
                                                </dl>
                                                <dl class="sn-clr unit-line">
                                                   <dt>固定电话：</dt>
                                                   <dd>
                                                      <input type="text" class="input sn-input  input-phonecode" name="phone-postcode" value="" placeholder="区号">
                                                      <span class="split">-</span>
                                                      <input type="text" class="input sn-input input-phonenumber" name="phone-number" value="" placeholder="电话号码">
                                                      <span class="split">-</span>
                                                      <input type="text" class="input sn-input  input-phonesub" name="phone-subcode" value="" placeholder="分机号">                                                      <span class="msg"></span> </dd>
                                                </dl>
                                                <div class="phone-block-tips"> <span class="msg">至少填写一个</span> </div>
                                             </div>
                                          </div>
                                          <div class="copy-area">
                                             <div>粘贴地址:</div>
                                             <div class="tips fd-gray">拆分格式：张三 ,13888888888,0618-88888888,湖南省 长沙市 开福区 五一新干线,200000</div>
                                             <textarea class="copy-address input sn-input" placeholder="快捷粘贴地址"></textarea>
                                             <div class="button-container sn-clr"> <button class="transform-address button sui-btn" data-level="important" disabled>自动匹配地址</button>                                                </div>
                                             <div class="msg-container">
                                                <span class="msg"></span> </div>
                                          </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                              <div class="op-bar op-bar-bottom">
                                 <a class=" sui-btn btn-large btn-default save" title="确认收货信息">确认收货信息</a>
                                 <a class=" sui-btn btn-large cancel" title="取消修改">取消</a>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="district layout">
            <div id="order">
               <div class="group-order">
                  <div class=" supplier-name">
                     上海三仓
                  </div>
                  <div class="module mod-sublevel mod-order">
                     <div class="content">
                        <div class="zone-order">
                           <div class="thead">
                              <ul class="list-inline">
                                 <li class="col-goods">货品信息</li>
                                 <li class="col-unit-price">单价（元）</li>
                                 <li class="col-quantity">数量</li>
                                 <li class="col-amount">金额（元）</li>
                                 <li class="col-freight">运费（元）</li>
                              </ul>
                           </div>
                           <div class="offers">
                              <table>
                                 <colgroup>
                                    <col class="col-goods">
                                    <col class="col-unit-price">
                                    <col class="col-quantity">
                                    <col class="col-amount">
                                    <col class="col-freight">
                                 </colgroup>
                                 <tbody>
                                    <tr class="single">
                                       <td>
                                          <dl class="cell-thumbnail">
                                             <dt class="goods-image img-vertical">
                                                <a class="img-wrap" href="#" target="_blank" title="">
                                                                   <img src="../../assets/img/sn_product.png" alt="">
                                                                </a>
                                             </dt>
                                             <dd class="offer-title">
                                                <a href="#" target="_blank" title="">厂家批发男式休闲卫衣纯色套头帽衫外贸卫衣潮流外套男连帽卫衣男</a>
                                             </dd>
                                             <dd class="offer-sku">
                                                <span class="sku-item ">  货号：373123-321 </span>
                                                <span class="sku-item  sku-item-last">尺码：7.5（36.5） </span>
                                             </dd>
                                          </dl>
                                       </td>
                                       <td>
                                          <div class="unit-price">185.00</div>
                                       </td>
                                       <td>
                                          <div class="quantity quantity-text">
                                             7
                                          </div>
                                       </td>
                                       <td>
                                          <div class="amount">1,540.00</div>
                                       </td>
                                       <td class="freight-wrap rowspan" rowspan="2">
                                          <div class="freight">
                                             <span class="fee">
                                                                27.00
                                                            </span>
                                          </div>
                                          <div class="freight-detail">
                                             <span class="view">查看详情</span><i class="iconfont icon-caret-down"></i>
                                          </div>
                                       </td>
                                    </tr>
                                    <tr class="single">
                                       <td>
                                          <dl class="cell-thumbnail">
                                             <dt class="goods-image img-vertical">
                                                <a class="img-wrap" href="#" target="_blank" title="">
                                                                   <img src="../../assets/img/sn_product.png" alt="">
                                                                </a>
                                             </dt>
                                             <dd class="offer-title">
                                                <a href="#" target="_blank" title="">厂家批发男式休闲卫衣纯色套头帽衫外贸卫衣潮流外套男连帽卫衣男</a>
                                             </dd>
                                             <dd class="offer-sku">
                                                <span class="sku-item ">  货号：373123-321 </span>
                                                <span class="sku-item  sku-item-last">尺码：7.5（36.5） </span>
                                             </dd>
                                          </dl>
                                       </td>
                                       <td>
                                          <div class="unit-price">185.00</div>
                                       </td>
                                       <td>
                                          <div class="quantity quantity-text">
                                             7
                                          </div>
                                       </td>
                                       <td>
                                          <div class="amount">1,540.00</div>
                                       </td>

                                    </tr>
                                 </tbody>
                              </table>
                           </div>
                           <table class="summary">
                              <tbody>
                                 <tr>
                                    <td>
                                       <dl class="message">
                                          <dt class="label">给仓库留言：</dt>
                                          <dd>
                                             <div class="textarea-content">
                                                <input placeholder="可以告诉仓库您的特殊要求" class="input sn-input"></input>
                                             </div>
                                          </dd>
                                       </dl>
                                    </td>
                                    <td>
                                       <div class="subtotal-wrap">
                                          <div class="subtotal">
                                             <div class="item item-freight-subtotal">
                                                <span class="label">运费共计：</span>
                                                <span class="control"><em class="freight-subtotal text-stress">20.00</em>元</span>
                                             </div>
                                             <div class="item item-goods-subtotal">
                                                <span class="label">货品总金额：</span>
                                                <span class="control"><em class="goods-subtotal text-stress">945.00</em>元</span>
                                             </div>
                                          </div>

                                       </div>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="group-order">
                  <div class=" supplier-name">
                     上海三仓
                  </div>
                  <div class="module mod-sublevel mod-order">
                     <div class="content">
                        <div class="zone-order">
                           <div class="thead">
                              <ul class="list-inline">
                                 <li class="col-goods">货品信息</li>
                                 <li class="col-unit-price">单价（元）</li>
                                 <li class="col-quantity">数量</li>
                                 <li class="col-amount">金额（元）</li>
                                 <li class="col-freight">运费（元）</li>
                              </ul>
                           </div>
                           <div class="offers">
                              <table>
                                 <colgroup>
                                    <col class="col-goods">
                                    <col class="col-unit-price">
                                    <col class="col-quantity">
                                    <col class="col-amount">
                                    <col class="col-freight">
                                 </colgroup>
                                 <tbody>
                                    <tr class="single">
                                       <td>
                                          <dl class="cell-thumbnail">
                                             <dt class="goods-image img-vertical">
                                                <a class="img-wrap" href="#" target="_blank" title="">
                                                                   <img src="../../assets/img/sn_product.png" alt="">
                                                                </a>
                                             </dt>
                                             <dd class="offer-title">
                                                <a href="#" target="_blank" title="">厂家批发男式休闲卫衣纯色套头帽衫外贸卫衣潮流外套男连帽卫衣男</a>
                                             </dd>
                                             <dd class="offer-sku">
                                                <span class="sku-item ">  货号：373123-321 </span>
                                                <span class="sku-item  sku-item-last">尺码：7.5（36.5） </span>
                                             </dd>
                                          </dl>
                                       </td>
                                       <td>
                                          <div class="unit-price">185.00</div>
                                       </td>
                                       <td>
                                          <div class="quantity quantity-text">
                                             7
                                          </div>
                                       </td>
                                       <td>
                                          <div class="amount">1,540.00</div>
                                       </td>
                                       <td class="freight-wrap rowspan" rowspan="2">
                                          <div class="freight">
                                             <span class="fee">
                                                                27.00
                                                            </span>
                                          </div>
                                          <div class="freight-detail">
                                             <span class="view">查看详情</span><i class="iconfont icon-caret-down"></i>
                                          </div>
                                       </td>
                                    </tr>
                                    <tr class="single">
                                       <td>
                                          <dl class="cell-thumbnail">
                                             <dt class="goods-image img-vertical">
                                                <a class="img-wrap" href="#" target="_blank" title="">
                                                                   <img src="../../assets/img/sn_product.png" alt="">
                                                                </a>
                                             </dt>
                                             <dd class="offer-title">
                                                <a href="#" target="_blank" title="">厂家批发男式休闲卫衣纯色套头帽衫外贸卫衣潮流外套男连帽卫衣男</a>
                                             </dd>
                                             <dd class="offer-sku">
                                                <span class="sku-item ">  货号：373123-321 </span>
                                                <span class="sku-item  sku-item-last">尺码：7.5（36.5） </span>
                                             </dd>
                                          </dl>
                                       </td>
                                       <td>
                                          <div class="unit-price">185.00</div>
                                       </td>
                                       <td>
                                          <div class="quantity quantity-text">
                                             7
                                          </div>
                                       </td>
                                       <td>
                                          <div class="amount">1,540.00</div>
                                       </td>

                                    </tr>
                                 </tbody>
                              </table>
                           </div>
                           <table class="summary">
                              <tbody>
                                 <tr>
                                    <td>
                                       <dl class="message">
                                          <dt class="label">给仓库留言：</dt>
                                          <dd>
                                             <div class="textarea-content">
                                                <input placeholder="可以告诉仓库您的特殊要求" class="input sn-input"></input>
                                             </div>
                                          </dd>
                                       </dl>
                                    </td>
                                    <td>
                                       <div class="subtotal-wrap">
                                          <div class="subtotal">
                                             <div class="item item-freight-subtotal">
                                                <span class="label">运费共计：</span>
                                                <span class="control"><em class="freight-subtotal text-stress">20.00</em>元</span>
                                             </div>
                                             <div class="item item-goods-subtotal">
                                                <span class="label">货品总金额：</span>
                                                <span class="control"><em class="goods-subtotal text-stress">945.00</em>元</span>
                                             </div>
                                          </div>

                                       </div>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="layout">
            <div class="mod-summary mod-sublevel">
               <div class="header">
                  <h2 class="title">总计：</h2>
               </div>
               <div class="content">
                  <div class="container">
                     <div class="summary-count">
                        <dl>
                           <dt>货品种类：</dt>
                           <dd><span class="kinds-total">4</span>种</dd>
                           <dt>数量总计：</dt>
                           <dd><span class="quantity-total">16</span>件</dd>
                        </dl>
                     </div>
                     <div class="summary-info">
                        <div class="summary-cash">
                           <div class="summary-container">
                              <div class="items sn-clr">
                                 <div class="items-sub-total">
                                    <div class="item item-freight-total">
                                       <span class="label">运费共计：</span>
                                       <span class="control"><em class="freight-total">77.00</em>元</span>
                                    </div>
                                    <div class="item item-goods-total">
                                       <span class="label">货品总金额：</span>
                                       <span class="control"><em class="goods-total">4,301.80</em>元</span>
                                    </div>
                                 </div>
                                 <div class="item item-due-total">
                                    <span class="label">应付总额（<span class="due-total-note">含运费</span>）：</span>
                                    <span class="control"><em class="due-total text-stress">4,378.80</em>元</span>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>

                  </div>
               </div>
            </div>

         </div>

         <div id="checkout" class="layout make-checkout">
            <div class="mod mod-checkout">
               <div class="content sn-clr">
                  <div class="actions">
                     <a class="to-cart" href="#">返回购物车</a>
                  </div>
                  <div class="summary">
                     <dl class="unit-dl-inline fd-clr">
                        <dt>应付总额（含运费）：</dt>
                        <dd class="amount-total"><strong class="value">0.00</strong>元</dd>
                     </dl>
                  </div>
                  <div class="form">
                     <form action="" method="post">
                        <button type="submit" class="checkout " disabled="">提交订单</button>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </div>
   <script src="../../assets/build/sportjx.js"></script>
   <script src="../../assets/build/mainsite.js"></script>
   <script src="../../assets/build/js/cart-make_order.js"></script>
</body>

</html>